<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">
        <ui:define name="title">
            Escrituras de Testamento - Pesquisar
        </ui:define>

        <ui:define name="content">
            <h:form id="pesquisarTestamentoForm">

                <p:messages id="pesquisarTestamentoMessages" autoUpdate="true" />

                <f:validateBean disabled="true">
                    
                    <p:fieldset legend="Dados" id="dadosFieldset">

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Número" for="numeroInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="numeroInputText" value="#{ managerPesquisarTestamento.testamento.numero }" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Tipo do Ato" for="atoTipoEPAutoComplete" />
                            </div>
                            <div class="column3">
                                <p:autoComplete id="atoTipoEPAutoComplete" value="#{ managerPesquisarTestamento.testamento.atoTipoEP }"
                                        converter="conversoratotipoep" forceSelection="true" dropdown="true" var="atoTipoEP" itemValue="#{ atoTipoEP }"
                                        itemLabel="#{ atoTipoEP.descricao }" completeMethod="#{ managerPesquisarTestamento.autocompletarAtoTipoEP }">
                                </p:autoComplete>
                            </div>

                            <div class="column2">
                                <p:outputLabel value="Data do Testamento" for="dataTestamentoCalendar" />
                            </div>
                            <div class="column3">
                                <p:calendar id="dataTestamentoCalendar" value="#{ managerPesquisarTestamento.testamento.dataTestamento }"
                                    showOn="button" pattern="dd/MM/yyyy" locale="pt" navigator="true" />
                            </div>
                        </div>                    

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Livro" for="livroInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="livroInputText" value="#{ managerPesquisarTestamento.testamento.livro }" />
                            </div>
                            <div class="column2">
                                <p:outputLabel value="Complemento do Livro" for="livroComplementoInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="livroComplementoInputText" value="#{ managerPesquisarTestamento.testamento.livroComplemento }" />
                            </div>                        
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Folha" for="folhaInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="folhaInputText" value="#{ managerPesquisarTestamento.testamento.folha }" />
                            </div>
                            <div class="column2">
                                <p:outputLabel value="Complemento do Folha" for="folhaComplementoInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="folhaComplementoInputText" value="#{ managerPesquisarTestamento.testamento.folhaComplemento }" />
                            </div>
                        </div>

                    </p:fieldset>
                    
                    <p:fieldset legend="Testador" id="testadorFieldset">
                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="CPF" for="cpfInputMask" />
                            </div>
                            <div class="column3">
                                <p:inputMask id="cpfInputMask" value="#{ managerPesquisarTestamento.testamento.testador.cpf }"
                                    mask="999.999.999-99" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Nome" for="nomeInputText" />
                            </div>
                            <div class="column8">
                                <p:inputText id="nomeInputText" value="#{ managerPesquisarTestamento.testamento.testador.nome }"
                                    />
                            </div>
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="RG" for="rgInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="rgInputText" value="#{ managerPesquisarTestamento.testamento.testador.rg }" />
                            </div>
                            <div class="column2">
                                <p:outputLabel value="Orgão emissor" for="orgaoEmissorInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="orgaoEmissorInputText" value="#{ managerPesquisarTestamento.testamento.testador.orgaoEmissor }" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="RNE" for="rneInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="rneInputText" value="#{ managerPesquisarTestamento.testamento.testador.rne }" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Outros" for="outrosInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="outrosInputText" value="#{ managerPesquisarTestamento.testamento.testador.outros }" />
                            </div>
                        </div>

                    </p:fieldset>
                
                </f:validateBean>

                <div class="command">
                    <p:commandButton
                        id="pesquisarcommandButton" value="Pesquisar" icon="ui-icon-search"
                        styleClass="ui-priority-primary" oncomplete="widthFix();"
                        update="@form" actionListener="#{ managerPesquisarTestamento.pesquisar() }" />
                    <p:commandButton value="Limpar" icon="ui-icon-close" oncomplete="widthFix();"
                        update="@form" actionListener="#{ managerPesquisarTestamento.limpar() }" />
                </div>
                
                <p:dataTable styleClass="column12" id="testamentosDataTable" var="testamento"
                        value="#{ managerPesquisarTestamento.testamentos }"
                        rows="5" paginator="true" paginatorPosition="bottom" emptyMessage="Nenhuma Testamento encontrado">

                    <p:column width="10%" headerText="Opções">
                        <div class="options3">
                            <p:button
                                title="Editar" href="criarTestamento.xhtml?testamentoId=#{ testamento.id }"
                                icon="ui-icon-pencil"/>
                            <p:button
                                title="Visualizar" href="visualizarTestamento.xhtml?testamentoId=#{ testamento.id }"
                                icon="ui-icon-search"/>
                            <p:commandButton title="Excluir" oncomplete="dialogApagar.show()" icon="ui-icon-trash">
                                <f:setPropertyActionListener target="#{ managerPesquisarTestamento.testamentoDeletar }" value="#{ testamento }" />
                            </p:commandButton>
                        </div>
                    </p:column>

                    <p:column headerText="Número" width="20%">
                        <h:outputText value="#{ testamento.numero }" />
                    </p:column>
                    <p:column headerText="Livro" width="20%">
                        <h:outputText value="#{ testamento.livro }" />
                    </p:column>
                    <p:column headerText="Tipo" width="30%">
                        <h:outputText value="#{ testamento.atoTipoEP.descricao }" />
                    </p:column>
                    <p:column headerText="Data" width="20%">
                        <h:outputText value="#{ testamento.dataTestamento }">
                            <f:convertDateTime pattern="dd/MM/yyyy" />
                        </h:outputText>
                    </p:column>
                    
                </p:dataTable>
                
                <p:dialog header="Deseja realmente excluir?" widgetVar="dialogApagar" modal="true"
                          closable="false" resizable="false" draggable="false" >
                    <div class="commandDialog">
                        <p:commandButton value="Sim" update=":pesquisarTestamentoForm:testamentosDataTable"
                            oncomplete="dialogApagar.hide()" icon="ui-icon-check" actionListener="#{ managerPesquisarTestamento.deletar() }" />
                        <p:commandButton value="Não" icon="ui-icon-close" oncomplete="dialogApagar.hide()" />
                    </div>
                </p:dialog>

            </h:form>
        </ui:define>
    </ui:composition>

</html>